<template>
    <el-container>
          <el-header>
                <div class="left-panel" style="width: 95%;display: flex;justify-content: space-between;">
                    <el-select v-model="value" clearable placeholder="选择应用类型" >
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>

                    <el-select v-model="value" multiple filterable remote reserve-keyword placeholder="搜索应用名称"
                        :remote-method="remoteMethod" :loading="loading" >
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                    <el-select v-model="value" clearable placeholder="选择发布环境" >
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                    <el-select v-model="value" clearable placeholder="选择发布状态" >
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                    <el-select v-model="value" multiple filterable remote reserve-keyword placeholder="搜索发布人"
                        :remote-method="remoteMethod" :loading="loading" >
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </div>
            </el-header>
        <el-main class="nopadding">
          

            <scTable ref="table" border :apiObj="apiObj" stripe remoteSort remoteFilter>
                <el-table-column align="center" label="发布时间" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="发布人" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="应用类型" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="应用名称" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="应用包名称" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="版本号" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="发布状态" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="发布环境" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="静态扫描状态" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="审批时间" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="审批结果" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column align="center" label="审批人" prop="appName" width="170"
                    column-key="filterUserName"></el-table-column>
                <el-table-column label="操作" fixed="right" align="center" width="150">
                    <template #default="scope">
                        <el-button-group>
                            <el-button text type="primary" size="small">下载
                            </el-button>
                            <el-button text type="primary" size="small">审批
                            </el-button>
                        </el-button-group>
                    </template>
                </el-table-column>
            </scTable>
        </el-main>
    </el-container>







</template>
<script>
export default {
    // emits: ['success', 'closed'],

    data() {
        return {
            // mode: 'add',

        }
    },
    mounted() { },
    methods: {
        //显示
        // open(mode = 'add') {
        // 	this.mode = mode
        // 	this.visible = true
        // 	return this
        // },
        //表单提交方法
        submit() {
            // this.$refs.dialogForm.validate(async (valid) => {
            // 	if (valid) {
            // 		this.isSaveing = true
            // 		var res = await this.$API.basic.app.add.post({ data: this.form })
            // 		this.isSaveing = false
            // 		if (res && res.code == 0) {
            // 			this.$emit('success', this.form, this.mode)
            // 			this.visible = false
            // 			this.$emit('guanbi')
            // 			this.$message.success('操作成功')
            // 		}
            // 	}
            // })
        }
    }
}
</script>

<style></style>